/**
 * Customize default theme styling by overriding CSS variables:
 * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
 */

/* Emoji Flag Unicode Polyfill */
@font-face {
  font-family: "Flag Emoji Polyfill";
  unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067,
    U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
  src: url("./CountryFlagsPolyfill.woff2") format("woff2");
  font-display: swap;
}

:root {
  /* Flag Emoji Polyfill (Chrome does not render county flags on windows) */
  --vp-font-family-base: "Flag Emoji Polyfill", "Inter", ui-sans-serif,
    system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}

:root:where(:lang(zh)) {
  /* Flag Emoji Polyfill (Chrome does not render county flags on windows) */
  --vp-font-family-base: "Flag Emoji Polyfill", "Punctuation SC", "Inter",
    ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}

:root {
    --vp-c-purple: #3EB3F2;
    --vp-c-purple-light: #66C3F4;
    --vp-c-purple-lighter: #8FD3F7;
    --vp-c-purple-dark: #B7E3FA;
    --vp-c-purple-darker: #B7E3FA;
    /* 设置字体颜色 */
    --vp-home-hero-name-color: black;
    --vp-home-hero-image-background-image: radial-gradient(#244DE6 10%, #ffffff 50% );
    --vp-home-hero-image-filter: blur(50px);
    --vp-c-brand-1: #244DE6;
    }

    /* Color Theme */
    :root {
    --vp-c-brand: var(--vp-c-purple);
    --vp-c-brand-light: var(--vp-c-purple-light);
    --vp-c-brand-lighter: var(--vp-c-purple-lighter);
    --vp-c-brand-dark: var(--vp-c-purple-dark);
    --vp-c-brand-darker: var(--vp-c-purple-darker);
    }

    :root {
        --vp-c-text-1: rgba(60, 60, 67);
        --vp-c-text-2: rgba(60, 60, 67, 0.85);
        --vp-c-text-3: rgba(60, 60, 67, 0.60);
    }

    /* 主页样式 */

    body {
        overflow-y: scroll;
    }

    .VPHero {
        padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 40px) 64px 48px !important;
    }

    .VPContent.is-home{
        display:flex;
        align-items: center;
    }

    .VPHome {
        margin-bottom: 0px !important;
    }

    .VPHero > .container > .main > .name {
        padding-top: 0;
        max-width: 100%;
    }

    @media (min-width: 960px){
        .VPHero.has-image .main{
            max-width: 50% !important;
        }
    }

    .VPHero > .container > .main{
        z-index: 1;
    }

    .VPHero > .container > .main > .tagline {
        padding-top: 28px ;
        max-width: 100% ;
        line-height: 28px ;
        font-size: 14px ;
        text-align: left;
    }

    @media (max-width: 640px){
        .VPHero > .container{
            max-width: 100% !important;
        }
        .VPFeatures > .container{
            max-width: 100% !important;
        }
    }

    @media (min-width: 640px){
        .VPHero > .container{
            max-width: 70% !important;
        }
        .VPFeatures > .container{
            max-width: 70% !important;
        }
    }

    .VPHero > .container > .image > .image-container {
        transform: translate(10px, 10px)
    }

    .VPHero > .container > .image > .image-container > .image-bg {
        width: 150%;
        height: 50%;
    }

    .clip{
        font-size: 32px !important;
    }

    .VPHero.has-image .tagline {
        margin: 0 !important
    }

    .VPFeatures {
        padding: 24px 64px 48px !important;
    }

    .VPFeature {
        border: 0 !important;
        border-radius: 0px !important;
    }

    .content-container {
        max-width: 100% !important;
    }

    .VPFooter.has-sidebar {
        display: block !important;
        padding: 24px;
        /* position: sticky;
        top: 0;
        height: 100vh;
        overflow-y: auto; */
    }

    .VPFooter {
        padding: 24px !important;
    }

    .VPFooter a {
        text-decoration-line: none !important;
    }

    .vp-doc h1 {
        padding-bottom: 24px;
    }

    .vp-doc h2 {
        margin: 24px 0 16px;
    }

    .VPButton.brand:hover {
    box-shadow: 1px 4px 15px rgba(86, 114, 205, 0.5);
    transition: all .2s ease-out;
    }

    .VPFeature:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
    transition: all .2s ease-out;
    }

    .double-height {
        height: 200%;
    }

    body {
    font-size: 16px;
    }

    .vp-doc p {
        line-height: 24px;
        margin: 14px 0;
    }

    :root {
        --vp-layout-max-width: 100%;
    }

    :root {
        --vp-home-hero-name-color: black;
        --vp-sidebar-width: 300px;
    }

    .vp-doc table {
        display: table;
        border-collapse: collapse;
        margin: 14px 0;
        overflow-x: auto;
        word-break: break-all;
    }

    .VPSidebar {
        word-break: break-all;
        padding: 32px;
    }

    .VPSidebar > nav {
        padding-top: 35px;
    }

    .vp-doc tr:nth-child(2n) {
        background-color: var(--vp-c-bg);
    }

    .vp-doc li > ul {
        list-style: square;
    }

    .vp-doc li > ol {
        list-style: lower-alpha;
    }

    .vp-doc li > ul > li > ul {
        list-style: circle;
    }

    .vp-doc li > ol > li > ol{
        list-style: lower-alpha;
    }

    .vp-doc blockquote {
        margin: 14px 0px;
        border-left: 14px solid #ffc069;
        padding: 8px 14px;
        transition: border-color 0.5s;
        background-color: #f6f6f7;
        border-radius: 8px;
    }

    .vp-doc blockquote > p {
        margin: 8px;
        font-size: 14px;
        color: var(--vp-c-text-2);
        transition: color 0.5s;
    }

    /* 修改滚动条的样式 */
    ::-webkit-scrollbar {
    width: 10px;
    height: 6px;
    }

    /* 轨道 */
    ::-webkit-scrollbar-track {
    background: #f1f1f1;
    }

    /* 滑块 */
    ::-webkit-scrollbar-thumb {
    background: var(--vp-c-gray-1);
    }

    /* 滑块悬停状态 */
    ::-webkit-scrollbar-thumb:hover {
    background: var(--vp-c-text-3);
    }

    .vp-doc ul, .vp-doc ol {
        margin: 8px 0;
    }

    .vp-doc blockquote > ul ,ol {
        margin: 8px;
    }

    .vp-doc h3 {
        line-height: 26px;
        font-size: 18px;
    }

    .vp-doc h1 > .vp-doc ul, .vp-doc ol {
        margin: 14px 0;
    }

    .main img:hover {
        cursor: zoom-in;
        }

    .vp-doc a {
        text-decoration: none;
    }

    .vp-doc a:hover {
        text-decoration: underline;
    }

    .divider-line {
        background-color: var(--vp-c-gutter);
        transition: background-color 0.5s;
    }

    .icon {
        background-color: var(--vp-c-bg-soft) !important;
    }

    /* 取消外部链接箭头 */
    :is(.vp-external-link-icon, .vp-doc a[href*='://'], .vp-doc a[target='_blank']):not(.no-icon)::after {
        display: none;
    }

    @media (min-width: 768px){
        .DocSearch-Button {
            justify-content: space-between;
            width: 238px;
            border-radius: 0;
            background-color: #fff;
            border: 1px solid #ccc;
        }
    }

    @media (max-width: 768px){
        .DocSearch-Button {
            width: 48px;
        }
    }

    .DocSearch-Button:hover{
        border-color: #244DE6;
        background-color: #fff;
    }

    .DocSearch-Button .DocSearch-Button-Key {
        border-radius: 0;
    }

    .DocSearch-Button .DocSearch-Button-Key + .DocSearch-Button-Key {
        border-radius: 0;
    }

    .VPNavBarSearch {
        flex-direction: row-reverse;
        padding-right: 12px;
    }

    .content-body{
        flex-direction: row-reverse !important;
    }

    .VPNavBarMenu{
        padding-left: 32px;
    }

    .shell{
        border-radius: 0px !important;
    }

    .search-bar {
        border-radius: 0px !important;
    }

    .pager-link{
        border-radius: 0px !important;
    }

    img{
        max-width: 90%;
    }

    .aside {
        max-width: 281px !important;
    }

    .aside-content {
        padding-bottom: 96px !important;
    }
    /* 以下是feedback.css */
    #modalOverlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        z-index: 1000;
    }
    #feedbackBox {
        font-weight: 600;
        position: absolute;
        background: white;
        padding: 3px;
        cursor: pointer;
        border: 1px solid #ccc;
        display: none;
        z-index: 2;
    }

    @media (min-width: 500px){
        #feedbackModal {
            width: 500px;
        }
    }
    @media (max-width: 500px){
        #feedbackModal {
            width: 100%;
        }
    }
    #feedbackModal {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: white;
        border: 1px solid #ccc;
        padding: 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        display: none;
        flex-direction: column;
        align-items: center;
        z-index: 1001;
    }
    #problemTypeOptions {
        width: 100%;
        display: flex; /* 使选项并排显示 */
        flex-wrap: nowrap;
        gap: 10px; /* 选项之间的间隔 */
    }
    #problemTypeOptions input{
        display: none;
    }
    #problemTypeOptions label {
        display: flex; /* 使标签内部的元素水平排列 */
        align-items: center; /* 垂直居中 */
        cursor: pointer;
        padding-left: 30px; /* 给标签一些左边距，以便于放置伪元素 */
        position: relative; /* 设置相对定位，以便于伪元素相对于标签定位 */
    }
    #problemTypeOptions label::before { /* 未选中状态下的灰色空心圆 */
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid #ccc;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    #problemTypeOptions .hidden-radio {
        display: none; /* 隐藏实际的 radio 按钮 */
    }
    #problemTypeOptions input[type=radio]:checked + label::after { /* 选中状态下的蓝色实心圆 */
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #244DE6;
        position: absolute;
        left: 4px; /* 调整位置使其位于空心圆中心 */
        top: calc(50% - 4px); /* 调整位置使其位于空心圆中心 */
    }
    #problemTypeOptions label:nth-child(odd) {
        margin-right: 50%;
    }
    #feedbackModal label {
        width: 100%;
        margin-bottom: 5px;
        display: flex;
    }
    #selectedTextContainer {
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #ddd;
        padding: 10px;
        max-width: 500px;
        word-wrap: break-word;
    }
    #feedbackForm {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    #feedbackForm label {
        width: 100%;
        margin-bottom: 5px;
    }
    #feedbackForm textarea {
        width: 100%;
        border: 1px solid #ccc;
        box-sizing: border-box;
        margin-bottom: 5px;
        padding: 5px;
        font-family: initial;
        background: #f9f9f9;
        resize: none;
    }
    .char-count {
        font-size: 12px;
        color: #888;
        margin-top: 0px;
        display: flex;
        flex-direction: row-reverse;
    }
    #contactInfo {
        border: 1px solid #ccc; /* 添加灰色边框 */
        padding: 8px; /* 内边距 */
        width: 100%; /* 宽度 */
        background: #f9f9f9;
    }
    .button-container {
        display: flex;
        justify-content: center; /* 居中对齐 */
        gap: 10px; /* 添加按钮之间的间距 */
        width: 100%; /* 容器宽度为30% */
    }

    .button-container button {
        flex: 1; /* 使按钮占据容器宽度的空间 */
        padding: 5px;
        border: 1px solid #244DE6; /* 默认边框透明，便于单独设置 */
        box-sizing: border-box; /* 确保内边距和边框不会影响按钮的总宽度 */
    }

    .close-button {
        color: #244DE6;
        background-color: white;
    }

    .submit-button {
        background-color: #244DE6;
        color: white;
    }
    #feedbackModal button {
            margin-top: 10px;
    }
    #floatingButton {
        position: fixed;
        bottom: 230px;
        right: 10px;
        width: 40px;
        height: 100px;
        border: 1px solid #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 99;
        background-color: white;
    }
    #floatingButton:hover {
        transition: all .25s ease-out;
        border-color: #244DE6
    }
    .popover {
        height: 100px;
        width: 220px;
        display: none;
        position: absolute;
        right: 50px;
        font-size: 13px;
        text-align: left;
        color: #666;
        background-color: white;
        border: 1px solid #ccc;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
        z-index: 99;
    }
    .popover.visible {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .popover:after {
        content: "";
        position: absolute;
        bottom: 50%; /* 调整此值可以改变三角形的位置 */
        left: 99.3%; /* 三角形紧贴在popover的右边 */
        margin-bottom: -6px; /* 调整垂直居中 */
        border-width: 8px 0 8px 8px; /* 上 右 下 左 */
        border-style: solid;
        border-color: transparent transparent transparent white; /* 上 右 下 左 */
    }
    .popover:before {
        content: "";
        position: absolute;
        bottom: 50%; /* 调整此值可以改变三角形的位置 */
        left: 100%; /* 三角形紧贴在popover的右边 */
        margin-bottom: -6px; /* 调整垂直居中 */
        border-width: 8px 0 8px 8px; /* 上 右 下 左 */
        border-style: solid;
        border-color: transparent transparent transparent #ccc; /* 上 右 下 左 */
    }
    .popover-content {
        display: flex;
        flex-direction: row;
        align-items: center
    }
    .popover-content svg{
        margin-left: 15px;
        margin-right: 5px;
        width: 20%;
    }
    .text-in-popover{
        margin: 10px;
        width: 80%;
        line-height: 23px;
    }
    #contactButton {
        position: fixed;
        bottom: 125px;
        right: 10px;
        width: 40px;
        height: 100px;
        border: 1px solid #ccc;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 99;
        background-color: white;
    }
    #contactButton:hover {
        transition: all .25s ease-out;
        border-color: #244DE6
    }
    .button-on-theside {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        margin: 10px;
    }
    .button-on-theside svg {
        width: 22px;
        height: 22px;
    }
    .button-on-theside-right {
        writing-mode: vertical-rl;
        text-orientation: upright;
        white-space: nowrap;
        font-size: 14px;
        letter-spacing: 2px;
        color: var(--vp-c-text-2);
    }
    #returnToTopButton {
        position: fixed;
        bottom: 80px;
        right: 10px;
        width: 40px;
        height: 40px;
        border: 1px solid #ccc;
        cursor: pointer;
        z-index: 99;
        background-color: white;
    }
    #returnToTopButton:hover {
        transition: all .25s ease-out;
        border-color: #244DE6
    }

    blockquote.is-info {
        border-left: 3px solid #3498db;
        background-color: #e3f2fd;
        padding: 8px;
        color: #0d47a1;
    }

    blockquote.is-warning {
        border-left: 3px solid #ff9800;
        background-color: #fff8e1;
        padding: 8px;
        color: #e65100;
    }

    /* 错误提示框（红色） */
    blockquote.is-error {
        border-left: 3px solid #f44336;
        background-color: #ffebee;
        padding: 8px;
        color: #b71c1c;
    }



/* .vitepress/theme/style/custom-block.css */
/* 深浅色卡 */
:root {
    --custom-block-info-left: #cccccc;
    --custom-block-info-bg: #fafafa;

    --custom-block-tip-left: #009400;
    --custom-block-tip-bg: #e6f6e6;

    --custom-block-warning-left: #e6a700;
    --custom-block-warning-bg: #fff8e6;

    --custom-block-danger-left: #e13238;
    --custom-block-danger-bg: #ffebec;

    --custom-block-note-left: #4cb3d4;
    --custom-block-note-bg: #eef9fd;

    --custom-block-important-left: #a371f7;
    --custom-block-important-bg: #f4eefe;

    --custom-block-caution-left: #e0575b;
    --custom-block-caution-bg: #fde4e8;
}

.dark {
    --custom-block-info-left: #cccccc;
    --custom-block-info-bg: #474748;

    --custom-block-tip-left: #009400;
    --custom-block-tip-bg: #003100;

    --custom-block-warning-left: #e6a700;
    --custom-block-warning-bg: #4d3800;

    --custom-block-danger-left: #e13238;
    --custom-block-danger-bg: #4b1113;

    --custom-block-note-left: #4cb3d4;
    --custom-block-note-bg: #193c47;

    --custom-block-important-left: #a371f7;
    --custom-block-important-bg: #230555;

    --custom-block-caution-left: #e0575b;
    --custom-block-caution-bg: #391c22;
}


/* 标题字体大小 */
.custom-block-title {
    font-size: 16px;
}

/* info容器:背景色、左侧 */
.custom-block.info {
    border-left: 5px solid var(--custom-block-info-left);
    background-color: var(--custom-block-info-bg);
}

/* info容器:svg图 */
.custom-block.info [class*="custom-block-title"]::before {
    content: '';
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%23ccc'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 4px;
    left: -5px;
    top: -1px;
}

/* 提示容器:边框色、背景色、左侧 */
.custom-block.tip {
    /* border-color: var(--custom-block-tip); */
    border-left: 5px solid var(--custom-block-tip-left);
    background-color: var(--custom-block-tip-bg);
}

/* 提示容器:svg图 */
.custom-block.tip [class*="custom-block-title"]::before {
    content: '';
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23009400' d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 4px;
    left: -5px;
    top: -2px;
}

/* 警告容器:背景色、左侧 */
.custom-block.warning {
    border-left: 5px solid var(--custom-block-warning-left);
    background-color: var(--custom-block-warning-bg);
}

/* 警告容器:svg图 */
.custom-block.warning [class*="custom-block-title"]::before {
    content: '';
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z' fill='%23e6a700'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 4px;
    left: -5px;
}

/* 危险容器:背景色、左侧 */
.custom-block.danger {
    border-left: 5px solid var(--custom-block-danger-left);
    background-color: var(--custom-block-danger-bg);
}

/* 危险容器:svg图 */
.custom-block.danger [class*="custom-block-title"]::before {
    content: '';
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z' fill='%23e13238'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 4px;
    left: -5px;
    top: -1px;
}

/* 提醒容器:背景色、左侧 */
.custom-block.note {
    border-left: 5px solid var(--custom-block-note-left);
    background-color: var(--custom-block-note-bg);
}

/* 提醒容器:svg图 */
.custom-block.note [class*="custom-block-title"]::before {
    content: '';
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%234cb3d4'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 4px;
    left: -5px;
    top: -1px;
}

/* 重要容器:背景色、左侧 */
.custom-block.important {
    border-left: 5px solid var(--custom-block-important-left);
    background-color: var(--custom-block-important-bg);
}

/* 重要容器:svg图 */
.custom-block.important [class*="custom-block-title"]::before {
    content: '';
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 981.333a84.992 84.992 0 0 1-84.907-84.906h169.814A84.992 84.992 0 0 1 512 981.333zm384-128H128v-42.666l85.333-85.334v-256A298.325 298.325 0 0 1 448 177.92V128a64 64 0 0 1 128 0v49.92a298.325 298.325 0 0 1 234.667 291.413v256L896 810.667v42.666zm-426.667-256v85.334h85.334v-85.334h-85.334zm0-256V512h85.334V341.333h-85.334z' fill='%23a371f7'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 4px;
    left: -5px;
    top: -1px;
}

/* 注意容器:背景色、左侧 */
.custom-block.caution {
    border-left: 5px solid var(--custom-block-caution-left);
    background-color: var(--custom-block-caution-bg);
}

/* 注意容器:svg图 */
.custom-block.caution [class*="custom-block-title"]::before {
    content: '';
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z' fill='%23e13238'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 4px;
    left: -5px;
    top: -1px;
}


.custom-doc-img {
    text-align: center
}

.custom-doc-img>img {
    margin: auto
}

.custom-doc-img>span {
    color: gray
}

/* 覆盖vitePress默认样式 */
.VPSidebarItem.level-0:not(:has(> .items)) {
    padding-bottom: 10px !important; 
}

/* introduction-communication */
.introduction-comm{
    display: flex;
    margin: auto;
    width: 50%;
}
.comm-img{
    width: 300px;
    height: 300px;
}

.comm-img>img{
    margin: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.communication-img>span{
    color: gray;
    text-align: center;
    display: block;
}

.site-version {
  /* color: #409eff; */
  font-weight: bold;
  margin-left: 12px;
  font-size: 0.75em;
}
.site-title{
    padding-top: 4px;
}
